<template>
  <div>
    <el-card shadow="always">
      <el-form :model="workFlowInfo" label-width="150px" label-position="left">
        <el-form-item
          class="input-item-class"
          :label="tempDesc.preId"
          prop="preId"
        >
          <span>{{ workFlowInfo.preId }}</span>
        </el-form-item>
        <el-form-item
          class="input-item-class"
          :label="tempDesc.name"
          prop="name"
        >
          <span>{{ workFlowInfo.name }}</span>
        </el-form-item>
        <el-form-item
          class="input-item-class"
          :label="tempDesc.description"
          prop="category"
        >
          <span>{{ workFlowInfo.description }}</span>
        </el-form-item>
        <el-form-item
          class="input-item-class"
          :label="tempDesc.createUser"
          prop="createUser"
        >
          <span>{{ workFlowInfo.createUser }}</span>
        </el-form-item>
        <el-form-item
          class="input-item-class"
          :label="tempDesc.organizationName"
        >
          <span>{{ workFlowInfo.organizationName }}</span>
        </el-form-item>
        <el-form-item class="input-item-class" :label="tempDesc.modelNum">
          <span>{{ workFlowInfo.modelNum }}</span>
        </el-form-item>
        <el-form-item class="input-item-class" :label="tempDesc.specialityName">
          <span>{{ workFlowInfo.specialityName }}</span>
        </el-form-item>
        <el-form-item class="input-item-class" :label="tempDesc.modelNumPart">
          <span>{{ workFlowInfo.modelNumPart }}</span>
        </el-form-item>
        <el-form-item class="input-item-class" :label="tempDesc.createrPreId">
          <span>{{ workFlowInfo.createrPreId }}</span>
        </el-form-item>
        <el-form-item class="input-item-class" :label="tempDesc.createTime6">
          <span>{{ workFlowInfo.createTime6 }}</span>
        </el-form-item>
        <el-form-item class="input-item-class" :label="tempDesc.versionNum">
          <span>{{ workFlowInfo.versionNum }}</span>
        </el-form-item>
        <el-form-item class="input-item-class" :label="tempDesc.freeNum">
          <span>{{ workFlowInfo.freeNum }}</span>
        </el-form-item>
      </el-form>
    </el-card>
  </div>
</template>
<script>
  // 常量title
  const tempDesc = {
    preId: '工作流编号',
    name: '名称',
    category: '类型',
    createUser: '所有者',
    dataType: '数据类型',
    organization: '单位',
    organizationName: '单位名称',
    modelNum: '型号、产品或课题',
    speciality: '专业',
    specialityName: '专业名称',
    modelNumPart: '部件或子课题',
    versionNum: '版本号编码',
    freeNum: '自由编码',
    createrPreId: '创建用户',
    createTime6: '6位时间',
    description: '描述',
  }

  export default {
    name: 'WfBaseInfo',
    props: {
      workFlowInfo: {
        type: Object,
        default: () => {},
      },
    },
    data() {
      return {
        tempDesc: tempDesc,
      }
    },
    created() {},
  }
</script>
<style lang="scss" scoped>
  .input-item-class {
    padding: 0;
    margin-bottom: 0;
    font-size: 50px;
    & .el-form-item__content {
      font-size: 50px;
      & .el-input {
        & .el-input__inner {
          border: 0;
        }
      }
    }
  }
  .fontClass {
    font-size: 12px;
    margin-bottom: 10px;
  }
</style>
